<!DOCTYPE html>
<html lang="en">

<head>
  <title> {{ page.title }} &bull; {{ site.title }} - {{ site.description }} </title>
  {% include meta.html %}
  <link href="{{ site.baseurl }}/assets/styles.min.css" rel="stylesheet" />
</head>

<body class="{{page.route}}-page">
  <section class="hero is-light is-bold">
    <div class="hero-head">
      {% include nav.html %}
    </div>
    <div class="hero-body">
      <div class="container has-text-centered">
        <svg id="logo" width="128px" height="128px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(24.000000, 17.000000)">
              <path d="M22.3430792,145.511384 L0.454760099,227.199703 L15.8318128,265.433539 C24.3105315,286.519111 31.8990578,305.462824 32.7392502,307.51808 C33.5794426,309.573336 35.9500197,315.479296 38.0071994,320.642435 C40.064379,325.805575 42.4349562,331.711535 43.2751486,333.766791 C44.1153409,335.822047 46.5993155,342.124417 48.9564952,347.807172 C51.1770723,353.453325 53.5476495,359.359285 54.2244444,360.931528 C54.7646368,362.467168 60.032586,375.591524 65.8273301,390.028315 C71.7086767,404.415107 77.1900234,418.109077 78.1802158,420.424141 L79.9972031,424.571255 L182.262506,451.899955 C253.655634,470.956482 284.860821,478.805451 285.390244,477.922438 C285.796462,477.226028 307.407093,433.456739 333.455736,380.774311 L299.653485,263.227096 C254.984454,251.258065 218.211576,240.965571 217.911576,240.445956 C217.611576,239.926341 224.682084,212.17282 233.563104,178.755198 L249.901234,118.05367 L148.815354,90.96779 C93.3047231,76.0205561 46.9598594,63.7488974 46.017039,63.7158847 C44.6278086,63.7096669 39.3864656,81.6313946 22.3430792,145.511384 Z" id="Shape-Copy-8" fill="#FF3860"></path>
              <path d="M90.5042766,101.73782 L53.4312414,177.748807 L61.2304144,218.21426 C65.5300384,240.530246 69.3645113,260.573869 69.7971056,262.75168 C70.2297,264.929492 71.4298127,271.17927 72.4640227,276.640077 C73.4982326,282.100883 74.6983453,288.350662 75.1309397,290.528473 C75.563534,292.706284 76.7993221,299.366827 78.028873,305.394945 C79.1313152,311.361068 80.3314278,317.610846 80.69579,319.283341 C80.9330435,320.893841 83.5999605,334.782238 86.5335692,350.059474 C89.5617298,365.304153 92.3294358,379.792417 92.8597006,382.253884 L93.851998,386.671502 L189.023837,433.011236 C255.469116,465.340092 284.603322,478.999083 285.291505,478.233313 C285.823141,477.627207 315.388298,438.785587 351.010634,392.041399 L340.258492,270.204083 C298.693956,249.931704 264.5606,232.811717 264.365259,232.244406 C264.169918,231.677095 276.406142,205.782601 291.500376,174.673533 L319.120726,118.204725 L225.060308,72.328394 C173.42163,47.0638551 130.269795,26.1746445 129.350596,25.9623397 C127.988076,25.6911585 119.423404,42.2835182 90.5042766,101.73782 Z" id="Shape-Copy-7" fill="#FFDD57"></path>
              <path d="M151.779107,75.9701387 L103.271764,145.245803 L104.644725,186.433119 C105.400424,209.146968 106.052175,229.543664 106.138758,231.762336 C106.225342,233.981007 106.432999,240.341579 106.600217,245.89694 C106.767436,251.452302 106.975093,257.812874 107.061676,260.031545 C107.14826,262.250217 107.326895,269.022077 107.598303,275.168323 C107.753865,281.233453 107.961521,287.594025 108.059762,289.302928 C108.042157,290.930715 108.503616,305.065319 109.01122,320.613385 C109.617306,336.144085 110.084473,350.88694 110.223151,353.401054 L110.512164,357.919513 L197.263149,418.576884 C257.833029,460.902049 284.471807,478.95047 285.27131,478.301783 C285.891216,477.786306 321.168545,444.0479 363.664714,403.451771 L372.104504,281.432469 C334.222995,254.907551 303.188033,232.658706 303.083844,232.067821 C302.979655,231.476937 319.116022,207.815414 338.890951,179.450609 L375.004917,127.997801 L289.279178,67.971992 C242.228503,34.9404325 202.875731,7.55796847 202.00106,7.20448313 C200.697737,6.72349552 189.642894,21.7717659 151.779107,75.9701387 Z" id="Shape-Copy-6" fill="#3273DC"></path>
              <path d="M223.6,59.0266857 L163.8,118.826686 L158,159.626686 C154.8,182.126686 151.9,202.326686 151.6,204.526686 C151.3,206.726686 150.4,213.026686 149.6,218.526686 C148.8,224.026686 147.9,230.326686 147.6,232.526686 C147.3,234.726686 146.3,241.426686 145.5,247.526686 C144.6,253.526686 143.7,259.826686 143.5,261.526686 C143.2,263.126686 141.2,277.126686 139,292.526686 C136.9,307.926686 134.8,322.526686 134.5,325.026686 L134,329.526686 L208.9,404.326686 C261.2,456.526686 284.3,478.926686 285.2,478.426686 C285.9,478.026686 326.5,450.926686 375.4,418.326686 L464.4,359.026686 L404.9,299.626686 C372.2,266.926686 345.5,239.626686 345.5,239.026686 C345.5,238.426686 365.5,217.926686 389.9,193.426686 L434.4,149.026686 L360.4,75.0266857 C319.8,34.3266857 285.8,0.526685655 285,0.0266856549 C283.8,-0.673314345 270.3,12.2266857 223.6,59.0266857 Z" id="Shape-Copy-5" fill="#00D1B2"></path>
            </g>
          </g>
        </svg>
        <h1 class="title">
          Free themes for <a href="//bulma.io" target="_blank"
            onclick="ga('send', 'event', 'home-hero', 'click', 'bulma');" title="A modern CSS framework based on Flexbox">Bulma</a>
        </h1>
        <img src="{{ '/assets/preview-3.2.png' | relative_url }}" alt="">
      </div>
    </div>
  </section>
  {{ content }}
  {% include footer.html %}
  <script>
    $(function(){
      $(window).scroll(function () {
          var top = $(document).scrollTop();
          $('.home-page .hero-body').css('transform', 'translateY(' + (top*0.25) + 'px)');
      });
    });
  </script>
</body>

</html>
